<template>
    <div class="home">
        <div class="top">
					<div class="icon_img">
						<img src="../../myimg/userlogo.png" alt="">
					</div>
					<div class="title_user">
						犬只管理平台
					</div>
					<div class="logo_info">
						 <div class="list_info border_bot">
							 <view class="uni-common-mt">
								<view class="uni-form-item uni-column">
                  <input class="uni-input" focus placeholder="账号" />
                </view>
							 </view>
						 </div>
						 <div class="list_info">
						 	<view class="uni-form-item uni-column">
                <input class="uni-input" password type="text" placeholder="密码" />
              </view>
						 </div>
             <div class="list_info picker_border">
							 <view>
							    <view class="uni-list">
            <view class="uni-list-cell">
                <view class="uni-list-cell-left">
                    地区
                </view>
                <view class="uni-list-cell-db">
                    <picker :value="index" :range="array">
                        <view class="uni-input">{{array[index]}}</view>
                    </picker>
                </view>
            </view>
        </view>
							 </view>
						 </div>
					</div>
				</div>
    </div>
</template>
<script>
  export default {
    props: {},
    components : {},
    data() {
      return {
				    title: 'picker',
            array: ['经开区', '游仙区', '高新区', '科创区'],
            index: 0,
            // date: currentDate,
            time: '12:01'
			}
    },
    methods: {
			
		},
    watch: {},

    onReachBottom(){ //页面上拉触底事件的处理函数

    },
    onPullDownRefresh(){//监听用户下拉动作，一般用于下拉刷新
      //需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh
      //uni.startPullDownRefresh(); 开启
      // uni.stopPullDownRefresh(); 关闭
    },
    onUnload(){ //监听页面卸载

    },
    onHide(){ //监听页面隐藏

    },
		 computed: {
        startDate() {
            return this.getDate('start');
        },
        endDate() {
            return this.getDate('end');
        }
    },
		
    onLoad(){  // 替代 created 监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参），参考示例

    },
    onReady(){ //替代 mounted 监听页面初次渲染完成

    },

    onShow() {   //监听页面显示
      //生命周期
    }
  }
</script>
<style scoped>
    .home {
        width: 100%;
        height: 100%;
				background: #f2f2f2;
    }
		.top{
			width: 100%;
			height:70vw;
			/* background: red; */
		}
		img{
			width: 100%;
			height:100%;
		}
		
		.icon_img{
			width: 40%;
			height:40vw;
			margin-top: 15%;
			margin-left: 30%;
		}
		.title_user{
			width: 100%;
			height:20vw;
      font-family: "黑体";
			font-size: 7vw;
			font-weight: bold;
			text-align:center;
			line-height: 20vw;
		}
		.uni-common-mt{
			padding:0px;
		}
		.logo_info{
			width: 90%;
			height:100vw;
			margin:auto;
			border-radius: 10px;
			background: white;
		}
		.border_bot{
			border-bottom: 1px solid #ededed;

		}
		.list_info{
			 width: 90%;
			 height:13%;
			 margin-left:5%;
		}
		.uni-list-cell{
			color:gray;
			margin-top: 9px;
		}
		.uni-list-cell-left{
			padding: 0px 13px;
		}
</style>
